<template>



  <div>
    <!-- <button @click="change">改变</button> -->
    pinia:{{ Test.current }}--{{ Test.name }}
  </div>

  <cun></cun>

</template>

<script setup lang='ts'>
import { useTestStore } from './store';
import cun from './store/cun.vue';
const Test = useTestStore();

// const change = () => {
//   Test.setUser()
// }
// 异步
// const change = () => {
//   Test.setUser()
// }


// 解构形式
// import { storeToRefs } from 'pinia'
// const Test = useTestStore()
// const { current, name } = storeToRefs(Test)


// const { current, name } = Test
// const change = () => {
//   current.value++
// }

// 五种方式修改pinia
// 直接 Test.current++
// 批量   
// Test.$patch({
//   current: 200,
//   age: 300
// })
// 批量可加条件
// Test.$patch((state)=>{
//        state.current++;
//        state.age = 40
//     })
// 修改整个
// Test.$state = {
//        current:10,
//        age:30
//     }   
// 通过actions修改
// Test.setCurrent()
// const change = () => {
//   Test.$patch({
//     current: 200,
//     age: 300
//   })
// }

</script>
<style scoped></style>